// 从 vuex 中导出 createStore 函数
import {
    createStore
} from "vuex"

const store = createStore({
    // 将全局存储的数据放在 state 函数的返回值中
    state() {
        return {
            count: 0,
            userName: "李四"
        }
    },
    // 存放修改state值的方法，第一个参数是上下文中的state，第二个参数是方法调用时传递过来的参数
    mutations: {
        // 修改 count
        addCount(state, count) {
            state.count += count
        },
        // 修改 userName
        setUserName(state, newUserName) {
            state.userName = newUserName
        }
    }
})

// 导出 store 实例
export default store